@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app{
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  outline: none;
  text-decoration: none;
}

div:focus{
  outline: none;
 }

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

//main-container全局样式
.app-main{
  min-height: 100%
}
#app .main-container{
  padding-top: 80px;
}
#app .hideSidebar .navbar {
  width: calc(100% - 36px);
  width: -webkit-calc(100% - 36px);
}
.app-container {
  padding: 20px;

}
.el-card__body{ padding: 20px 5%;}
.el-input__inner:focus{ border-color: #fd893e;}
.el-select .el-input__inner:focus{ border-color: #fd893e;}
.el-select .el-input.is-focus .el-input__inner{ border-color: #fd893e;}
.el-select-dropdown__item.selected{ color: #fd893e;}
.avatar-uploader .el-upload:hover{ border-color:#fd893e !important;}
//flex
.flexCon{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-pack:center; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; align-items:center;}
//search
.searchBox{ max-width: 440px; margin: 30px 0;}
.searchInput .el-input__inner{ border-right: none;}
.searchInput .el-input__inner:focus{ border-color: #fd893e;}
.searchBtn{ width: 102px; background: #fd893e !important; color: #ffffff !important; border-color: #fd893e !important;}
//order
.orderTable{ width: 100%; border: 1px solid #e0e0e0; border-radius: 5px;}
.orderTable thead th{ background: #faf8f5; font-size: 16px; color: #666666; font-weight: normal;}
.orderTable.el-table td{ padding: 20px 0;}
.orderTable.el-table th > .cell.highlight{ color:#fd893e;}
.orderTable.el-table th > .cell.highlight .el-table__column-filter-trigger i{ color:#fd893e;}
.orderOption{ list-style: none; overflow: hidden; padding: 0; margin: 0; display: inline-block; vertical-align: middle;}
.orderOption li{ display: inline-block; vertical-align: middle; line-height: 16px; padding: 0 5px; margin: 5px 0; border-left: 1px solid #3f99e6; margin-left: -1px;}
.orderOption li button{ padding: 0;}
.adImg{ display: block; margin: 0 auto; max-width: 100%; border-radius: 5px;}
.status1{ color: #409EFF;}
.status2{ color: #409EFF;}
.status3{ color: #409EFF;}
.status4{ color: #409EFF;}
.status5{ color: #409EFF;}
.status6{ color: #409EFF;}
.status7{ color: #409EFF;}
.pageBox{ padding: 35px 0; text-align: center;}
.pageBox li.active,.pageBox li:hover,.pageBox button:hover{ color: #fd893e;}


@media screen and (max-width: 1600px) {
  .el-card__body{ padding: 20px;}
  .searchBox{ margin: 15px 0 30px;}
  .orderTable thead th{ font-size: 14px;}
  .orderTable.el-table td{ padding: 10px 0;}
  .pageBox{ padding: 20px 0;}
}
@media screen and (max-width: 768px) {
  .breadcrumbLocation{ padding: 10px 15px !important;}
  .searchBox{ margin: 0 0 15px;}
  .orderTable thead th{ padding: 5px 0;}
  .pageBox .el-pagination__jump{ display: block !important; margin-top: 5px;}
}
@media screen and (max-width: 480px) {
  .pageBox{ padding: 20px 0 10px;}
  .pageBox .el-pagination .btn-prev{ padding-right: 0;}
  .pageBox .el-pagination .btn-next{ padding-left: 0;}
  .pageBox .el-pager li{ min-width: 23px;}
}
